import React, { Component } from 'react'
import PropTypes from 'prop-types'
import { FormattedMessage } from 'react-intl'
import { InputItem, NoticeBar ,Icon, Button} from 'antd-mobile'



class InformationList extends Component {
  constructor(props) {
    super(props)
    this.state = {
      active: 0,
    }
    this.onClick = this.onClick.bind(this)
  }
  onClick(i) {
    if( i == this.state.active) {
      return
    }
    this.setState({
      active : i
    })
  }
  render() {
    return (
      <div className="infomation-page">
        <ul>
          <li className="infomation-list">
            <div className="-top">
              <div className="-left important">重要</div>
              <h3>离岸人民币汇率跌破6.54</h3>
            </div>
            <p className="title">
              和讯外汇消息亚洲交易时段盘初，离岸人民币兑美元汇率跌破6.54至6.5447，为3月3日以来的最低位。隔夜，离岸人民币大幅受挫
            </p>
            <div className="-botton">
              <p className="-time">2016-05-10 09:21:47</p>
              <p className="-from">外汇首页--和讯网</p>
            </div>
          </li>
          <li className="infomation-list">
            <div className="-top">
              <div className="-left new">最新</div>
              <h3>离岸人民币汇率跌破6.54</h3>
            </div>
            <p className="title">
              和讯外汇消息亚洲交易时段盘初，离岸人民币兑美元汇率跌破6.54至6.5447，为3月3日以来的最低位。隔夜，离岸人民币大幅受挫
            </p>
            <div className="-botton">
              <p className="-time">2016-05-10 09:21:47</p>
              <p className="-from">外汇首页--和讯网</p>
            </div>
          </li>
          <li className="infomation-list">
            <div className="-top">
              <div className="-left hot">最新</div>
              <h3>离岸人民币汇率跌破6.54</h3>
            </div>
            <p className="title">
              和讯外汇消息亚洲交易时段盘初，离岸人民币兑美元汇率跌破6.54至6.5447，为3月3日以来的最低位。隔夜，离岸人民币大幅受挫
            </p>
            <div className="-botton">
              <p className="-time">2016-05-10 09:21:47</p>
              <p className="-from">外汇首页--和讯网</p>
            </div>
          </li>
        </ul>
      </div>
    )
  }
}

export default InformationList